<template>
  <div class="home">
    <the-head></the-head>
    <home-feature-slides></home-feature-slides>
    <home-user-count></home-user-count>
    <home-hot-templates></home-hot-templates>
    <home-user-comments></home-user-comments>
    <home-join></home-join>
    <home-info></home-info>
    <the-footer></the-footer>
  </div>
</template>

<script>
import TheHead from '../components/TheHeader.vue';
import HomeFeatureSlides from '../components/HomeFeatureSlides.vue';
import HomeUserCount from '../components/HomeUserCount.vue';
import HomeHotTemplates from '../components/HomeHotTemplates.vue';
import HomeUserComments from '../components/HomeUserComments.vue';
import HomeJoin from '../components/HomeJoin.vue';
import HomeInfo from '../components/HomeInfo.vue';
import TheFooter from '../components/TheFooter.vue';

export default {
  components: {
    TheHead,
    HomeFeatureSlides,
    HomeUserCount,
    HomeHotTemplates,
    HomeUserComments,
    HomeJoin,
    HomeInfo,
    TheFooter,
  },
};
</script>

<style lang="scss" scoped>
.home {
  padding-top: 60px;

}
</style>
